@import "./dev";

@mixin app-module-ui-create-example-grid() {
    margin-left: -$aui-layout-grid-gutter;
}

@mixin app-module-ui-create-example-grid-item($md-num: 4) {
    @include kx-app-grid-mixin-grid-item();
    margin-bottom: $aui-layout-grid-gutter;
    @include aui-query-media-between("", "md") {
        @include kx-app-grid-create-grid-item-size($aui-layout-grid-rownum);
    }
    @include aui-query-media-between("md", "") {
        @include kx-app-grid-create-grid-item-size($aui-layout-grid-rownum / $md-num);
    }
}

@mixin app-define-module() {
    #{$app-cls}-page-module {
        #{$app-cls}-grid-wrapper--default {
            padding-top: 10px;
            padding-left: 10px;
            padding-right: 10px;
        }

       .aui-tabnavs {
           @include aui-gutter-size("bottom", $aui-gutter-md, "margin");
       }
    }
}

